<!--
  @author chongw
  @since 2021/05/27
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::jscss2"/>
<style>
    body .demo-class .layui-layer-btn .layui-layer-btn0{background:#1AA094;}
    body{}
</style>
<body>

<!--页面顶层div-->
<div class="layui-fluid">

    <div class="layui-card" style="height: 403px;">

        <div class="layui-card-body">

            <div class="layui-tab-content">
                <form class="layui-form" action="" lay-filter="zmn-form">
                    <br/>
                    <div class="zmn-form-item">

                        <div class="item-inline col2" style="width: 100%;">
                            <label class="inline-label layui-form-required">省份/城市：</label>
                            <div class="inline-box">
                                <div class="inline-box-cc">
                                    <div class="box-input-inline col2">
                                        <div id="provinceId" class="xm-select-size"></div>
                                    </div>
                                    <div class="box-input-inline col2">
                                        <div id="cityId" class="xm-select-size"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="zmn-form-item">

                        <div class="item-inline col2" style="width: 100%;">
                            <label class="inline-label layui-form-required">业务单元：</label>
                            <div class="inline-box">
                                <div class="inline-box-cc">
                                    <div class="box-input-inline col3">
                                        <div id="servClusterType" class="xm-select-size"></div>
                                    </div>
                                    <div class="box-input-inline col3">
                                        <div id="servClusterId" class="xm-select-size"></div>
                                    </div>
                                    <div class="box-input-inline col3">
                                        <div id="servGroupId" class="xm-select-size"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="zmn-form-item">
                        <div class="item-inline col2" style="width: 100%;">
                            <label class="inline-label layui-form-required">人单比阈值：</label>
                            <div class="inline-box">
                                <div class="inline-box-cc">
                                    <input type="text" name="value" lay-verify="required|integer"
                                           autocomplete="off" placeholder="请输入人单比阈值"
                                           class="layui-input layui-input-number" th:value="${data.data.value != null?T(java.text.NumberFormat).getInstance().format(data.data.value):''}"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br/>
                    <br/>
                    <div class="zmn-form-item">
                        <div class="layui-input-block">
                            <input type="hidden" name="eventId" th:value="${eventId}"/>
                            <input type="hidden" name="thresholdId" th:value="${data.thresholdId}"/>
                            <button class="layui-btn" lay-submit="" lay-filter="zmn-form-submit">保存</button>
                            <button type="reset" class="layui-btn layui-btn-primary" onclick="cancel()">取消</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--主js代码置于html外-->
<script type="text/javascript" th:inline="javascript">
    let json = {
        provinceId: [[${data.data.provinceId}]],
        cityId: [[${data.data.cityId}]],
        servClusterType: [[${data.data.servClusterType}]],
        servClusterId: [[${data.data.servClusterId}]],
        servGroupId: [[${data.data.servGroupId}]]
    };
    // js参数传值变量统一命名为json
    layui.config({
        base: "/static/lay/"
    }).extend({
        index: "lib/index",
        brs_order_rule_comparison_detail: "order/rule/comparison/zmn.order.rule.comparison.edit"
    }).use(['index', 'brs_order_rule_comparison_detail']);

</script>
</body>
</html>
